@charset "utf-8";

html,body { margin: 0; padding:0;width:100%; line-height: ; }
body { background:url(../images/bg.gif) left top repeat-x fixed #0e1623; font:12px/160% "微软雅黑"; color:#333; }
body.min{background:#F2F2F2; }
a { color: #09C ; text-decoration: none; outline:none;}
a:visited { text-decoration: none; color: #09C;  }
a:hover { text-decoration: none; color: #C00; }
a:focus { outline:0;}
a:active { text-decoration: none; }
p { margin: 0; padding: 0;  line-height: 150%;}
input, font ,select, option, textarea, button, fieldset, legend {font-family: "微软雅黑";color: #666; font-size: 1em; line-height:120%;}
img { border: none; }
ul,li,form { margin: 0; padding: 0 ;list-style: none;}
div,td,PRE{ word-wrap: break-word;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal;}
h1{ font-size:18px; color:#333;}

.clear { clear:both; height:0px; width:0px; margin: 0 auto; font-size:0;}
.hide { display: none;}
.high{ font-style:normal; color:#F00;font-weight:bold;}
.highMsg{ color:#F00;}
.disabled{ color:#999; cursor: auto;}


.pos{width:880px; margin:0 auto;}



.loadingBar{ background:url(../images/loadingBar.gif); width:208px; height:13px; margin:0 auto; display:inline-block;}
.loading{ background:url(../images/loading.gif);  width:16px; height:16px; margin:0 5px; display:inline-block;}

.form label{ display:inline-block; width:70px; text-align:justify;}
.form textarea{ position:relative; padding:4px 3px; height:150px;}
.form select{ position:relative; padding:2px 2px 2px 5px;}
.form .text{ color:#777; position:relative; width:260px; padding:6px 3px; _padding-left:5px; }

.error{color:#F00; font-style:normal; background:url(../images/icons.png) 0 -120px no-repeat; padding-left:20px;}
.ok{ color: #090; font-style:normal; background:url(../images/icons.png) 0 -80px no-repeat; padding-left:20px;}
.button{ display: block; margin:0 auto; width:120px; height:50px; line-height:50px; background:url(../images/ico.png) 0 -700px no-repeat; text-align:center;}



.header{ height:200px;}
.header .pos{position:relative; }

.logo{ position:absolute; top:-170px; left:0; width:307px; height:166px; background: url(../images/ico.png); z-index:5;}
.logo a{ display:block; height:100%; font-size:0; text-indent:-9999px;}

.rss{ position:absolute; top:-18px; right:-18px; width:16px; height:16px; background:url(../images/ico.png) -400px -200px no-repeat;}
.rss a{ display:block; height:100%; font-size:0; text-indent:-9999px;}


.nav{position:absolute; right:100px;top:40px;z-index:100;}
.nav h6{width:100%;
border: 1px solid #CCC;
height:40px; 
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow: #CCC 0px 0px 5px;
-moz-box-shadow: #CCC 0px 0px 5px;
box-shadow: #CCC 0px 0px 5px;
background: #FEFEFE;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#EFEFEF));
background: -moz-linear-gradient(#FEFEFE, #EFEFEF);
background: linear-gradient(#FEFEFE, #EFEFEF);
-pie-background: linear-gradient(#FEFEFE, #EFEFEF); 
opacity:0.99;
behavior: url(/statics/jslib/PIE.htc);

}
.nav ul{ position: relative; left:0; top:-40px;  padding:0 0 0 1px;}
.nav li{ float:left; font-size:16px;text-align:center; }
.nav li.last{background: none}
.nav li a{ position:relative; color:#333; display:block;height:40px; line-height:38px; width:100px;}
.nav span{ font-size:10px; display: block; color:#999; line-height:100%; }
.nav li a:hover span{color:#F60;}
.nav li a:hover{color:#F60;}
.nav li i{ position:absolute; bottom:-18px; __bottom:8px; height:16px; __height:3px; left:0; display:none; width:98%; font-size:0; background:url(../images/navHover.png) no-repeat center top;}

.nav li.action a{color:#F60;}
.nav li.action span{color:#F60}
.nav li.action i{display: block;color:#F60}




/*.showImg{ position:relative; height:180px; overflow:hidden;}
.showImg li{ position:absolute; top:0; left:0; z-index:5; display: none; }
.showImg img{ height:180px;}
*/

.search{ position:absolute; right:0; bottom:60px;}
.search .q{ width:130px; position:relative;border: 1px solid #CCC; _border:none; padding:2px 28px 2px 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #CCC 0px 0px 5px;
-moz-box-shadow: #CCC 0px 0px 5px;
box-shadow: #CCC 0px 0px 5px;
background: #FEFEFE;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#EEEEEE));
background: -moz-linear-gradient(#FEFEFE, #EEEEEE);
background: linear-gradient(#FEFEFE, #EEEEEE);
-pie-background: linear-gradient(#FEFEFE, #EEEEEE); 
behavior: url(/statics/jslib/PIE.htc);
}
.search .submit{ position:absolute; top:3px; right:2px; _right:5px; width:22px; height:17px; display:block; font-size:0; text-indent:-9999px; border:none; background:url(../images/ico.png) 0 -300px no-repeat; cursor: pointer;}






.beautyBox{
position:relative;
border: 1px solid #CCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: #CCC 0px 0px 5px;
-moz-box-shadow: #CCC 0px 0px 5px;
box-shadow: #CCC 0px 0px 5px;
background: #FEFEFE;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#EFEFEF));
background: -moz-linear-gradient(#FEFEFE, #EFEFEF);
background: linear-gradient(#FEFEFE, #EFEFEF);
-pie-background: linear-gradient(#FEFEFE, #EFEFEF); 
behavior: url(/statics/jslib/PIE.htc);
}


.beautyText{
position:relative;
border: 1px solid #CCC;
_border:none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #CCC 0px 0px 5px;
-moz-box-shadow: #CCC 0px 0px 5px;
box-shadow: #CCC 0px 0px 5px;
background: #FEFEFE;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#F5F5F5));
background: -moz-linear-gradient(#FEFEFE, #F5F5F5);
background: linear-gradient(#FEFEFE, #F5F5F5);
-pie-background: linear-gradient(#FEFEFE, #F5F5F5); 
behavior: url(/jslib/PIE.htc);
}

.beautyText.actions{
border: 1px solid #06F;
_border:none;
box-shadow: #0083df 0px 0px 5px;
-webkit-box-shadow: #0083df 0px 0px 5px;
-moz-box-shadow: #0083df 0px 0px 5px;
background: #FFFFFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#FFFFFF));
background: -moz-linear-gradient(#FFFFFF, #FFFFFF);
background: linear-gradient(#FFFFFF, #FFFFFF);
-pie-background: linear-gradient(#FFFFFF, #FFFFFF);
behavior: url(/jslib/PIE.htc);
}

.beautyText.errors{
border: 1px solid #ff001e;
_border:none;
box-shadow: #F00 0px 0px 5px;
-webkit-box-shadow: #F00 0px 0px 5px;
-moz-box-shadow: #F00 0px 0px 5px;
background: #FFFFFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#FFFFFF));
background: -moz-linear-gradient(#FFFFFF, #FFFFFF);
background: linear-gradient(#FFFFFF, #FFFFFF);
-pie-background: linear-gradient(#FFFFFF, #FFFFFF);
behavior: url(/jslib/PIE.htc);
}

.submit{
color:#FFF;
position:relative;
cursor:pointer;
padding:5px 30px;
border: 1px solid #2a98fa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: #2a98fa 0px 0px 5px;
-moz-box-shadow: #2a98fa 0px 0px 5px;
box-shadow: #2a98fa 0px 0px 5px;
background: #0173dd;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2a98fa), to(#2370ed));
background: -moz-linear-gradient(#2a98fa, #2370ed);
background: linear-gradient(#2a98fa, #2370ed);
-pie-background: linear-gradient(#2a98fa, #2370ed); 
behavior: url(/jslib/PIE.htc);
}
.submit:hover{
border: 1px solid #02c0ff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius:4px;
-webkit-box-shadow: #02c0ff 0px 0px 5px;
-moz-box-shadow: #02c0ff 0px 0px 5px;
box-shadow: #02c0ff 0px 0px 5px;
background: #FEFEFE;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#02c0ff), to(#0083e3));
background: -moz-linear-gradient(#02c0ff, #0083e3);
background: linear-gradient(#02c0ff, #0083e3);
-pie-background: linear-gradient(#02c0ff, #0083e3); 
behavior: url(/jslib/PIE.htc);
}

.submit.disabled{ color: #AAA !important; cursor: auto; background:#F9F9F9; border:#CCC;}

.contents{ margin:60px 0 5px;}
.content{ float:left; width:650px; }
.slideBar{ float:right; width:250px; }

.content .box{ padding:5px;}
.slideBar .box{ padding:5px; margin:0 0 5px 0;}


.tea{ position: relative ; z-index:10; cursor: pointer; }
.tea ul{ position:absolute;top:-95px; left:-500px; width:260px; height:180px; z-index:10;}
.tea li{position:absolute; left:0; top:0;width:100%; height:100%; display:none; }
.tea li.t1{ background:url(../images/ico.png) 0 -400px no-repeat;}
.tea li.t2{ background:url(../images/tea.png);}
.tea li.t3{ background:url(../images/tea.png) -400px 0;}
.tea li.t4{ background:url(../images/tea.png) 0 -300px;}
.tea li.t5{ background:url(../images/tea.png) -400px -300px;}

.posts{
position:relative;
margin:0 0 25px;
border: 1px solid #CCC;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius: 3px;
-webkit-box-shadow: #CCC 0px 0px 3px;
-moz-box-shadow: #CCC 0px 0px 3px;
box-shadow: #CCC 0px 0px 3px;
background: url(../images/contentsBg.png) 1px top repeat-y #FEFEFE;
behavior: url(/statics/jslib/PIE.htc);
}

.posts .show{padding:20px 15px 10px 40px; font-size:14px; line-height:160%;}
.posts .show p{line-height:160%;}

.posts h5.masks{ height:18px; top:1px; position:relative; margin:0 1px 0 20px; z-index:1; zoom:1;
background: #FEFEFE;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EFEFEF), to(#FFFFFF));
background: -moz-linear-gradient(#EFEFEF, #FFFFFF);
background: linear-gradient(#EFEFEF, #FFFFFF);
-pie-background: linear-gradient(#EFEFEF, #FFFFFF); 
behavior: url(/statics/jslib/PIE.htc);
}

.posts h1.title{ margin:0 100px 0 30px; padding:10px 0 25px 10px; font-weight:bold; font-family:'宋体'; background:url(../images/ico.gif) left 40px no-repeat;}
.posts h3.crumbs{ position:absolute; top:2px; left:30px; font-size:12px; z-index:20;}

.posts h3.date{position: absolute; z-index:5; top:25px; right:10px; margin:0;text-align:right;font-style:italic; font-family:Georgia, "Times New Roman"; width: 136px;}/*IE7 Bug*/
.posts .date .day{ display:block; margin:0 0 15px 0;font-size:48px; color:#0099cc; }
.posts .date .month{ padding:0 10px 0 0; margin: 0 5px 0 0;color: #333333; font-weight:bold;}
.posts .date .month i{ font-size:10px; font-style:normal;}
.posts .date .year{color: #999;}

.posts .says{ text-align:right; margin:10px 10px 0 30px; padding:5px;  background:url(../images/ico.gif);}
.posts .says a{ display:inline-block;width:85px; text-align:center; background: url(../images/ico.gif) 65px -47px no-repeat; }
.posts .says a:hover{background: url(../images/ico.gif) -135px -47px no-repeat;}

.posts .keys{margin:10px 10px 0 30px; padding:10px;  background:url(../images/ico.gif);}
.posts .keys a{ margin:0 5px;}

.posts .url{margin:5px 5px 0 30px; padding-left:10px;}

.posts .related{ margin:0 0 10px 40px;}
.posts .related h3{ font-weight:700; font-size:12px;}
.posts .related span{ color:#999;}

.posts .currentUrl{margin:2px 0 2px 35px; padding:5px;  }


.prevNext{ position:relative; height:10px; margin:10px 10px 0 30px; padding:15px; background:url(../images/ico.gif);}
.prevNext a{ position:absolute;width:45%; top:14px; overflow:hidden; display:inline-block; height:20px;}
.prevNext a.end{ color:#999;}
.prevNext .p{ left:20px; }
.prevNext .n{ position:absolute; right:30px; text-align:right;}
.prevNext .p:hover{ }
.prevNext .n:hover{ }

.postMore{ text-align: center;}
.postMore a{ display: inline-block; width:86px; height:36px; line-height:35px; text-align:center; background:url(../images/ico.png) -200px -700px no-repeat; }

.comment{ margin:0 0 0 45px; padding:20px 0 0; font-size:14px; width:750px; color:#555;}
.comment .form{ padding:0 0 0 150px; background:url(../images/ico.gif) 0 -200px no-repeat; }
.comment textarea{ width:95%;}
.comment .code{ width:120px;}
.comment .codes{ position:relative;}
.comment .yzm{ position:absolute; left:145px; top:-10px; width:130px; height:50px; padding:1px; background:#F2F2F2; display:none;}
.comment .yzm img{ width:130px; height:50px; background:url(../images/loading.gif) center center no-repeat; cursor: pointer;}
.comment li{ margin:0 0 25px 0;}

.comment .list{ margin:0 0 0 150px;}
.comment .list h4{ margin:5px 0 -2px 0;  font-size:12px; text-align:right; color:#AAA; }
.comment .list h4 span{ position:absolute; top:-9999px; left:-9999px;}
.comment .list .box{
padding:5px 10px;
margin:0 0 20px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius: 4px;
-webkit-box-shadow: #CCC 0px 0px 4px;
-moz-box-shadow: #CCC 0px 0px 4px;
box-shadow: #CCC 0px 0px 4px;
background: #FAFAFA; 
behavior: url(/statics/jslib/PIE.htc);

}



.shares{ position:relative; margin:10px; padding:10px 10px 10px 30px;vertical-align:middle; height:25px }
.shares strong{ display:inline-block; height:32px; line-height:32px;}
.shares a{ display:inline-block; cursor: pointer;width:32px;height:32px; margin:0 5px;line-height:32px;background: url(../images/share.png) no-repeat;}
.shares a:hover{text-decoration: none}
.shares a.t0{background-position: 0 0 ; }
.shares a.t1{background-position: 0 -40px;}
.shares a.t2{background-position: 0 -80px;}
.shares a.t3{background-position: 0 -120px;}
.shares a.t4{background-position: 0 -160px;}
.shares a.t5{background-position: 0 -200px;}
.shares a.t6{background-position: 0 -240px;}




.footer{
position:relative;margin:60px 0 50px;padding:10px; border: 1px solid #CCC; color:#666; 
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius:3px 3px 0 0;

-webkit-box-shadow: #CCC 0px 0px 5px;
-moz-box-shadow: #CCC 0px 0px 5px;
box-shadow: #CCC 0px 0px 5px;
background: #FEFEFE;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#EFEFEF));
background: -moz-linear-gradient(#FEFEFE, #EFEFEF);
background: linear-gradient(#FEFEFE, #EFEFEF);
-pie-background: linear-gradient(#FEFEFE, #EFEFEF); 
behavior: url(/statics/jslib/PIE.htc);


}

.footer .me{ float:left; margin:0 0 0 40px; position:relative; left:0; top:-2px; width:140px; height:95px; background: url(../images/ico.png) 0 -200px no-repeat;}
.footer .address{float:left; margin:0 0 0 50px;width:220px;}
.footer .comments{float:left; margin:0 0 0 10px; width:300px;}
.footer .comments li{ height:19px; overflow:hidden;}
.footer .comments a{ padding:0 0 0 15px; background:url(../images/ico1.gif) left center no-repeat;}
.footer .clear{ display: block; _display: inline;}
.email{ font-family: Verdana}
.email a{ color:#C00; }



.goTop{
position:absolute;
right:10px; top:-27px; height:16px; text-align:center; cursor: pointer;
padding:5px 15px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius:3px 3px 0 0;
-webkit-box-shadow: #CCC 0px -1px 1px;
-moz-box-shadow: #CCC 0px -1px 1px;
box-shadow: #CCC 0px -1px 1px;
background: #FEFEFE;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EFEFEF), to(#FEFEFE));
background: -moz-linear-gradient(#EFEFEF, #FEFEFE);
background: linear-gradient(#EFEFEF, #FEFEFE);
-pie-background: linear-gradient(#EFEFEF, #FEFEFE); 
behavior: url(/statics/jslib/PIE.htc);
}


h2.title{ position:relative;height:40px; line-height:40px; padding:0 0 0 35px; font-size:16px; color:#FFF;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius:3px 3px 0 0;
background: #4b4b4b;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5b5b5b), to(#2b2b2b));
background: -moz-linear-gradient(#5b5b5b, #2b2b2b);
background: linear-gradient(#5b5b5b, #2b2b2b);
-pie-background: linear-gradient(#5b5b5b, #2b2b2b); 
behavior: url(/statics/jslib/PIE.htc);
}
h2.title i{ position:absolute; top:1px; left:10px; width:12px; height:38px; display:block; background:url(../images/ico.png) no-repeat;}


h3.title{ position:relative;height:30px; line-height:30px; padding:0 0 0 10px; font-size:14px; font-weight:bold;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius:3px 3px 0 0;
background: #4b4b4b;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#DDDDDD));
background: -moz-linear-gradient(#FFFFFF, #DDDDDD);
background: linear-gradient(#FFFFFF, #DDDDDD);
-pie-background: linear-gradient(#FFFFFF, #DDDDDD); 
behavior: url(/statics/jslib/PIE.htc);
}

.links{
margin:60px 0 40px;
position:relative;
padding:10px;
border: 1px solid #CCC;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius: 5px;
-webkit-box-shadow: #CCC 0px 0px 5px;
-moz-box-shadow: #CCC 0px 0px 5px;
box-shadow: #CCC 0px 0px 5px;
background: #FEFEFE;
behavior: url(/statics/jslib/PIE.htc);
}
.links a{ margin:0 5px 0 0; width:140px; height:20px; overflow: hidden; display:inline-block; }
.links .add{ position:absolute; right:3px; bottom:2px; width:20px; height:20px; background:url(../images/ico.png) 0 -800px no-repeat; font-size:0; text-indent:-9999px; }
.links .add a{ display:block; height:100%;}



.pages{ margin:30px 10px; padding:0 0 5px; text-align: center; clear:both;}
.pages .totalPages{ display:inline-block; margin:0 0 0 10px;}
.pages strong{ color:#3366ff;}


.pages a{ display:inline-block;
padding:1px 6px;
border:1px solid #CCC;
color:#666;
margin:0 5px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow: #CCC 0px 0px 5px;
-moz-box-shadow: #CCC 0px 0px 5px;
box-shadow: #CCC 0px 0px 5px;
background: #FEFEFE;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FEFEFE), to(#E6E6E6));
background: -moz-linear-gradient(#FEFEFE, #E6E6E6);
background: linear-gradient(#FEFEFE, #E6E6E6);
-pie-background: linear-gradient(#FEFEFE, #E6E6E6); 
behavior: url(/jslib/PIE.htc);
}

.pages a:hover{color:#C00;}

.pages a.end{ color:#AAA; background:#FFF; cursor:inherit;}

div.pages span{
padding:1px 6px;
 color:#FFF;
display:inline-block;
border: 1px solid #1c8cff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow: #1c8cff 0px 0px 5px;
-moz-box-shadow: #1c8cff 0px 0px 5px;
box-shadow: #1c8cff 0px 0px 5px;
background: #1c8cff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1c8cff), to(#0073e9));
background: -moz-linear-gradient(#1c8cff, #0073e9);
background: linear-gradient(#1c8cff, #0073e9);
-pie-background: linear-gradient(#1c8cff, #0073e9); 
behavior: url(/jslib/PIE.htc);
}

div.pages span.action{
border:1px solid #0083df;
color:#0083df;
cursor:auto;
-webkit-box-shadow: #0083df 0px 0px 5px;
-moz-box-shadow: #0083df 0px 0px 5px;
box-shadow: #0083df 0px 0px 5px;
background: #FFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#FFF));
background: -moz-linear-gradient(#FFF, #FFF);
background: linear-gradient(#FFF, #FFF);
-pie-background: linear-gradient(#FFF, #FFF);
behavior: url(/jslib/PIE.htc);
}

.pages span.disabled{
border: 1px solid #CCC;
color:#999;
cursor: auto;
-webkit-box-shadow: #CCC 0px 0px 5px;
-moz-box-shadow: #CCC 0px 0px 5px;
box-shadow: #CCC 0px 0px 5px;
background: #EEE;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEE), to(#EEE));
background: -moz-linear-gradient(#EEE, #EEE);
background: linear-gradient(#EEE, #EEE);
-pie-background: linear-gradient(#EEE, #EEE); 
behavior: url(/jslib/PIE.htc);
}

/* plus */
.weather{ position:absolute; z-index:1;}




/**/
.img{ display:inline-block; width:auto; height:auto; position:relative; padding:0; margin:0;}
.beautyImg{ display:inline-block; width:auto; height:auto; padding:0; margin:0; border:1px solid #DDD;}